<template>
  <div class="box">
    <img src="@/assets/img/loginbg.png" alt="" />
    <div class="btn1" @click="goRegister">手机注册</div>
    <div class="btn2" @click="goLogin">已有账号登录</div>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },

  created() {},
  methods: {
    // 去注册
    goRegister() {
      this.$bridge.call('checkIdentity')
    },
    // 去登录
    goLogin() {
      this.$bridge.call('login')
    }
  }
}
</script>
<style lang="scss" scoped>
.box {
  img {
    width: 100%;
    margin-bottom: 60px;
  }
  div {
    width: 315px;
    height: 49px;
    margin: 0 auto;
    font-size: 17px;
    border-radius: 4px;
    text-align: center;
    line-height: 49px;
  }
  .btn1 {
    background-color: #37b5b5;
    color: #fff;
    margin-bottom: 20px;
  }
  .btn2 {
    background-color: #ebf7f7;
    color: #37b5b5;
    border: 1px solid #37b5b5;
  }
}
</style>
